#footer {
  width: 100%;
  background-color: #fff;
}

.nav li {
  float: left;
  width: 20%;
  text-align: center;
}

.nav li a {
  width: 20%;
  color: #b7bbc2;
}

.nav_li3 {
  background-color: #fff;
  border-top: 1px solid #eee;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

@media screen and (min-width: 320px) {
  #footer {
    height: 55px;
    border-top:1px solid #eee;
  }

  .nav li img{
    width: 55px;
    height: 55px;
  }

  .nav .nav_li3 img {
    width: 45px;
    height: 45px;
    text-align: center;
    margin-top: 10px;
    /*margin-left: 5px;*/
  }

  .nav_li3 {margin-top: -8px;}

  .nav li a {font-size: 12px;}  
}

/*@media screen and (min-width: 360px) {
  .nav_li3 a {margin-left: 4px;}
}*/

/*@media screen and (min-width: 375px) {
  .nav_li3 a {margin-left: 6px;}
}*/

/*@media screen and (min-width: 410px) {
  .nav_li3 {margin-top: -10px;}
}*/

@media screen and (min-width: 600px) {
  #footer {height: 90px;}

  .nav li img{
    width: 85px;
    height: 85px;
  }

  .nav .nav_li3 img {
    width: 70px;
    height: 70px;
    margin-top: 20px;
    /*margin-left: -6px;*/
  }

  .nav_li3 {margin-top: -12px;}
}

@media screen and (min-width: 768px) {
  #footer {height: 105px;}

  .nav li img{
    width: 100px;
    height: 100px;
  }

  .nav .nav_li3 img {
   /* width: 150px;
    height: 125px;*/
    width: 80px;
    height: 80px;
    margin-top: 25px;
    margin-left: -6px;
  }

  .nav_li3 {margin-top: -15px;}
}

@media screen and (min-width: 1280px) {
  #footer {height: 165px;}

  .nav li img{
    width: 150px;
    height: 150px;
  }

  .nav .nav_li3 img {
   /* width: 210px;
    height: 185px;*/
    width: 125px;
    height: 125px;
    margin-top: 30px;
    margin-left: -6px;
  }

  .nav_li3 {margin-top: -25px;}
}
